<template>
    <div>
        <Row type="flex" justify="center" class="code-row-bg">
            <!--左侧-->
            <ICol span="16">
                <Card dis-hover>
                    <p slot="title">
                        <Icon type="ios-leaf"/>
                        <span style="font-weight: bolder">关于我</span>
                    </p>
                    <!--关于我-->
                    <div style="line-height: 2;font-size: medium">
                        <p><span style="font-weight: bolder">Edward</span>是网名，真名就不说了，98年的小老虎，建站的时候还在读大三暑假，
                            处于学校和社会的交接处，对未来和生活还是有着一些迷茫的。
                        </p>
                        <p style="margin-top: 10px">不过有一点却是没有迷茫的，接触软件行业可以说是我一直以来就有的想法了。最初大概是从初中开始，后来高中也更加坚定了，
                            进入大学的专业也是自己很早就定下来的。不过可惜的是，现实和理想还是存在一定的差距的。本以为自己的专业可以很快地接触到一些想做的事情,
                            也是自己大学之后没有很快地找准自己的方向吧。一直到大二暑假，才大概知道自己将来要做什么，并为之开始不断努力。</p>
                        <p style="margin-top: 10px">这个博客网站从开始设计到画功能图、ER图到后端开发、前端开发，总共加起来差不多花了一个半月的时间，
                            总体是一个前后端分离的项目；前端包含前台就是现在展示的和后台博客管理系统两个vuecli脚手架的项目，后端用springboot+redis缓存实现的项目，
                            总的来说技术不成熟，为了自己学到的技术能够融会贯通。在编写的过程中也遇到了很多的问题（还掉了不少头发呢~哈哈哈~），不过这种克服问题的感觉还是不错的，
                            最终展示出了现在的网站，后期我会不断完善和修改的。</p>
                        <p style="margin-top: 10px">博客主要分享一些个人的学习笔记和开发经验，希望大家喜欢我的博客，如果有问题还请大家斧正，
                            如果大家有兴趣做网站有什么不懂的可以通过右边的联系方式联系我，我尽力帮忙！</p>
                        <p style="margin-top: 10px">当然，大家要是关注我的微信公众号，我就更开心啦~</p>
                    </div>
                </Card>
                <!--更新日志-->
                <div style="margin-top: 36px">
                    <h3 style="font-weight: bolder;margin-bottom: 16px;border-left: 4px solid deepskyblue;padding-left: 4px">
                        更新日志</h3>
                    <div style="line-height: 2;font-size: medium">
                        <Timeline>
                            <TimelineItem v-for="(log,index) in logList" :key="index">
                                <p style="background-color: white" class="time">{{log.upUpdatetime}}</p>
                                <div style="margin: 8px auto" class="content">
                                    {{log.upContent}}
                                </div>
                            </TimelineItem>
                        </Timeline>
                    </div>
                </div>
            </ICol>
            <!--右侧-->
            <ICol span="6" style="margin-left: 2%">
                <Sider/>
            </ICol>
        </Row>
    </div>
</template>

<script>
  import Sider from '../components/sider/Sider'

  export default {
    data () {
      return {
        logList: []
      }
    },
    components: {
      Sider
    },
    mounted () {
      this.getLogs()
    },
    methods: {
      getLogs () {
        this.$http.get('updateLog').then(res => {
          res = res.data
          if (res.code === 0) {
            this.logList = res.data
          } else {
            this.$Notice.error({ title: res.msg })
          }
        })
      }
    }
  }
</script>

<style scoped>

</style>
